<template>
    <van-cell-group v-for="item in lists" :key="item">
    <van-cell center :icon="item.img" :title="item.title" :value="item.value" :label="item.label" />
    </van-cell-group> </template>
    
    <script setup>
    const lists = [ {
    img: '/images/avatar1.jpg', title: '斧头旗舰店',
    value: '星期一',
    label: "您有一条店铺消息" },
    {
    img: '/images/avatar2.jpg', title: '限量版跑车旗舰店',
    value: '星期二',
    label: "亲爱的车粉：" },
    {
    img: '/images/avatar3.png', title: '订阅号消息',
    value: '星期日',
    label: "斧头旗舰店：【新到斧头新品————大力斧、超级斧】" },
    {
    img: '/images/avatar4.png', title: '消息号内容',
    value: '星期一',
    label: "限量版跑车旗舰店：【看一眼够吹一辈子！全球限量一台的超级豪车】" }
    ]
</script>

<style lang="less" scoped> :deep(.van-cell) {
.van-cell   left-icon { width: 40px;
height: 40px;
.van-icon   image { width: 100%;
height: 100%;
} }
.van-cell   title {
.van-cell   label {
white-space: nowrap;
text-overflow: ellipsis; overflow: hidden;
width: 165px; }
} }
</style>    